<!-- adminMain.html -->
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>管理端</title>
    <!-- 引入 Bootstrap CSS -->
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <style>
        body {
            min-height: 100vh;
            display: flex;
            flex-direction: column;
        }
        .top-bar {
            background-color: #0d6efd;
            color: white;
            padding: 1rem;
            font-size: 24px;
            font-weight: bold;
            text-align: center;
        }
        .sidebar {
            background-color: #f8f9fa;
            padding: 1rem;
            border-right: 1px solid #dee2e6;
        }
        .nav-link {
            cursor: pointer;
        }
        .content {
            padding: 2rem;
        }
    </style>
</head>
<body>

<!-- 顶部标题 -->
<div class="top-bar">
    管理端
</div>

<div class="container-fluid">
    <div class="row">
        <!-- 左侧侧边栏 -->
        <nav class="col-md-2 d-none d-md-block sidebar">
            <div class="sidebar-sticky">
                <ul class="nav flex-column">
                    <li class="nav-item">
                        <a class="nav-link" data-bs-toggle="collapse" href="#departmentMenu" role="button" aria-expanded="false" aria-controls="departmentMenu">
                            科室管理
                        </a>
                        <div class="collapse" id="departmentMenu">
                            <ul class="nav flex-column ms-3">
                                <li class="nav-item">
                                    <a class="nav-link" th:href="@{/admins/departmentList}">查看所有科室</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" th:href="@{/admins/addDepartment}">新增科室</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" data-bs-toggle="collapse" href="#doctorMenu" role="button" aria-expanded="false" aria-controls="doctorMenu">
                            医生管理
                        </a>
                        <div class="collapse" id="doctorMenu">
                            <ul class="nav flex-column ms-3">
                                <li class="nav-item">
                                    <a class="nav-link" th:href="@{/admins/doctorList}">查看所有医生</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" th:href="@{/admins/addDoctor}">新增医生</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <!-- 新增号源管理菜单 -->
                    <li class="nav-item">
                        <a class="nav-link" data-bs-toggle="collapse" href="#scheduleMenu" role="button" aria-expanded="false" aria-controls="scheduleMenu">
                            号源管理
                        </a>
                        <div class="collapse" id="scheduleMenu">
                            <ul class="nav flex-column ms-3">
                                <li class="nav-item">
                                    <a class="nav-link" th:href="@{/admins/scheduleList}">号源列表</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" th:href="@{/admins/addSchedule}">新增号源</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <!-- 新增候诊管理菜单 -->
                    <li class="nav-item">
                        <a class="nav-link" data-bs-toggle="collapse" href="#waitingMenu" role="button" aria-expanded="false" aria-controls="waitingMenu">
                            候诊管理
                        </a>
                        <div class="collapse" id="waitingMenu">
                            <ul class="nav flex-column ms-3">
                                <li class="nav-item">
                                    <a class="nav-link" th:href="@{/admins/waitingList}">候诊列表</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
        </nav>

        <!-- 右侧内容区域 -->
        <main class="col-md-10 ms-sm-auto px-md-4 content">
            <h2>欢迎使用管理后台</h2>
            <p>请从左侧菜单选择操作。</p>
        </main>
    </div>
</div>

<!-- 引入 Bootstrap JS 和依赖 -->
<script src="/js/bootstrap.bundle.min.js"></script>
</body>
</html>